<template>
  <div>
    <div class="title">
      我的收藏
    </div>
    <!-- 商品卡片内容 -->
    <van-card @click="goodsInfo(item)" v-for="item in collectList" :key="item.id" :centered="true" :price="item.retailPrice" :desc="item.brief" :title="item.name" :thumb="item.picUrl" />
  </div>
</template>

<script>
export default {
  name: 'YanxuanshangchengGoodsCollection',

  data() {
    return {
      // 获取收藏列表的数据
      collectList: []
    }
  },

  mounted() {
    this.getcollectList()
  },

  methods: {
    // 获取收藏列表的数据
    getcollectList() {
      const parameter = {
        type: 1, // 0表示收藏列表，1表示专题列表
        page: 0, //当前页，默认1
        limit: 10 // 当前页条数，默认10
      }
      this.$get(this.$api.collectList, parameter).then(result => {
        console.log(result.data.data)
        if (result.data.errno !== 0) {
          return
        }
        this.collectList = result.data.data.list
        console.log(this.collectList)
      })
    },
    goodsInfo(item) {
      this.$router.push({ path: '/goodsdetailspage', query: { id: item.valueId } })
      // console.log(item)
    }
  }
}
</script>

<style lang="less" scoped>
.title {
  text-align: center;
  margin-bottom: 1rem;
  height: 3rem;
  border-bottom: 0.1rem solid #ccc;
}
</style>
